import React, { useEffect, useState, } from "react"
import styles from "./reply.less"
import { Form, Input, Button, } from 'antd';
const Reply: React.FC = (props) => {
    const onFinish = (values: any) => {
        //本地存储
        localStorage.setItem('user', JSON.stringify(values))
    };
    return <div className={styles.commentInp}>
        <Form
            name="basic"
            onFinish={onFinish}
        >
            <Form.Item
                label="名称"
                name="name"
                rules={[{ required: true, message: 'Please input your username!' }]}
            >
                <Input />
            </Form.Item>

            <Form.Item
                label="邮箱"
                name="email"
                rules={[{ required: true, message: 'Please input your email!' }]}
            >
                <Input />
            </Form.Item>
            <Form.Item>
                <Button type="primary" htmlType="submit">设置</Button>
            </Form.Item>
        </Form>
    </div>
}

export default Reply